<template>
    <div class="contentleft" :style="{ width:width+'px' }">
        <SelectionSupervisors></SelectionSupervisors>
        <OnSupervisors></OnSupervisors>
        <IndustryAnalysis></IndustryAnalysis>
        <ExcellentSupervisor></ExcellentSupervisor>
        <CapabilityUpgrading></CapabilityUpgrading>
        <TrainingPlan></TrainingPlan>
    </div>
</template>
<script setup lang="ts">
import SelectionSupervisors from "./SelectionSupervisors.vue";
import { ref } from "vue";
import OnSupervisors from "./OnSupervisors.vue";
import IndustryAnalysis from "./IndustryAnalysis.vue";
import ExcellentSupervisor from "./ExcellentSupervisor.vue";
import CapabilityUpgrading from "./CapabilityUpgrading.vue";
import TrainingPlan from "./TrainingPlan.vue";
//接收父组件传过来的值
const props = defineProps({
  width: Number
})
</script>

<style lang="less" scoped>
.contentleft{
    box-sizing: border-box;
    padding: 0 0 0 23px;
}
</style>
